One-word filter labels with counts; add Genre & Awards facets#13
Merged
700799 merged 1 commit intoMay 30, 2026
Merged
Conversation
Rework the home filter box to use the full width and offer more to click: - Three grouped, space-filling grids (Theme, Genre, Awards) instead of a single left-column Theme list - One-word labels everywhere (Power, Dystopian, Pulitzer, …) with the full canonical name on hover (title=) - A book count badge on every pill - New Awards facet derived from existing book.awards (Pulitzer, Booker, National, Newbery, Bestseller); adds ActiveFilters.award + filterBooks award clause + facetOptions()/counts helpers in filters.ts - Header category row now uses the same one-word labels with counts Pill gains optional count badge + full-width (block) variant.
700799
added a commit
that referenced
this pull request
May 30, 2026
…unts Category menu now filters the grid and scrolls to it; filter box uses the full width with three groups (Theme, Genre, Awards), one-word labels, and book counts. Includes the changes from PR #13 (stacked on this branch).
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
One-word filter labels + counts, with Genre & Awards facets
Reworks the home filter box so it uses the full width, offers more to click, and is easier to scan — addressing the screenshot where the THEME box left the right half empty with long two-word labels.
Changes
grid-cols-2 sm:grid-cols-3 lg:grid-cols-4) of full-width pills, instead of one left-column Theme list.title=).book.awardsdata — buckets for Pulitzer, Booker, National Book Award, Newbery, and NYT Bestseller. AddsActiveFilters.award, anawardOkclause infilterBooks, andfacetOptions()/canonicalAwards()/allAwards()helpers insrc/lib/filters.ts.Files
src/lib/filters.ts(short labels, awards facet, counts,ActiveFilters.award),src/components/Pill.tsx(count badge + full-width variant),src/components/FilterPills.tsx(grouped grids),src/components/CategoryNav.tsx(one-word + counts).Verify
npm run buildsucceeds (50 routes export); the PRbuildCI job runs it too.title=; count badges (Pulitzer=8, Booker=3 verified); all award labels present; category row uses short labels on home and guide pages.Note on base branch
This builds on top of #12 (category filter/scroll), so it's targeted at that branch for a clean diff; it will retarget to
mainautomatically once #12 merges.https://claude.ai/code/session_01Egnnw9v4T3ppsAQveFnijo
Generated by Claude Code